<!-- 意见反馈 -->
<template>
	<view class="page">
		<view class="container">
			<text class="label">感谢您的关注，请留下对我们的建议、想法、问题等任何想对我们说的话，我们一直在为您改变！</text>
			<view class="text-area-box">
				<textarea class="input" value="" placeholder="请详细描述您的意见/建议" placeholder-style="color: #999999;"/>
			</view>
		</view>

		<!-- 底部 -->
		<c-fixed-bottom height="88rpx" extra-bottom-distance="40rpx">
			<view class="btn-box">
				<button class="submit-btn btn-transition-scale95">提交反馈</button>
			</view>
		</c-fixed-bottom>
	</view>
</template>

<script setup>
	
</script>

<style>
	page {
		background-color: white;
	}
</style>
<style lang="scss" scoped>
	.container {
		padding: 58rpx 32rpx 0;
		
		.label {
			font-weight: 500;
			font-size: 28rpx;
			color: #222222;
			line-height: 1.5;
		}
		
		.text-area-box {
			height: 316rpx;
			background: #F5F5F5;
			border-radius: 20rpx;
			margin-top: 40rpx;
			padding: 26rpx;
			box-sizing: border-box;
			
			.input {
				width: 100%;
				height: 100%;
				font-size: 28rpx;
				color: #222222;
			}
		}
	}
	
	.btn-box {
		padding: 0 45rpx;

		.submit-btn {
			width: 100%;
			height: 88rpx;
			font-size: 28rpx;
			color: white;
			text-align: center;
			line-height: 88rpx;
			border-radius: 44rpx;
			background-color: #FE3333;
		}
	}
</style>